<!DOCTYPE html>
<html>
    <head>
	<title>Button Bar</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../../../jquery/jquery-ui/jquery-ui.css" />
	<link rel="stylesheet" type="text/css" href="buttonbar.css" />
	<script src="../../../jquery/jquery.js"></script>
	<script src="../../../jquery/jquery-ui/jquery-ui.js"></script>
	<script src="buttonbar.js"></script>
    </head>
    <body>
	<ul id="buttonBar" class="ui-helper-reset ui-helper-clearfix ui-component ui-state-hover">
	    <li><a href="#" class="ui-state-default">Nav Item</a></li>
	    <li><a href="#" class="ui-state-default">Nav Item</a></li>
	    <li><a href="#" class="ui-state-default">Nav Item</a></li>
	    <li><a href="#" class="ui-state-default">Nav Item</a></li>
	</ul>
    </body>
</html>
